<template>
  <div class="find">
    <van-nav-bar title="关注" class="vanNavBar">
      <template #left>
        <van-icon name="search" size="26" />
      </template>
    </van-nav-bar>
    <van-tabs v-model:active="active" type="line"
     class="vanBabs"
      title-active-color="#FFFFFF"
      title-inactive-color="#999999"
      background="#FF8195"
      animated
      line-height="0px"
      >
      <van-tab title="发现" ><find-talk></find-talk></van-tab>
      <van-tab title="关注" ><find-follow></find-follow></van-tab>
    </van-tabs>
    
</div>
</template>

<script setup>
import {ref} from 'vue'
import { useRouter } from 'vue-router';
import findTalk from './findTalk.vue';
import findFollow from './findFollow.vue';

</script>

<style lang="scss" scoped>
.vanNavBar {
  height: 44px;
  
}
.vanBabs{
  width: 335px;
  height: 30px;
  margin: 20px auto;
  // box-shadow: 1px 1px 5px #909 
  // border-radius: 25px;
}


</style>